<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <meta name="description" content="" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags-->
    <!-- Title-->
    <title>登录 -健身猫</title>
    <!-- Favicon-->
    <link rel="icon" href="img/core-img/favicon.ico" />
    <!-- Core Stylesheet-->
    <link rel="stylesheet" href="/css/bmr/style.css" />
</head>
<body>
<!-- Preloader-->
<div class="preloader" id="preloader">
    <div class="spinner-grow text-secondary" role="status">
        <div class="sr-only">
            Loading...
        </div>
    </div>
</div>
<!-- Header Area-->
{{--<div class="header-area" id="headerArea">--}}
    {{--<div class="container h-100 d-flex align-items-center justify-content-between">--}}
        {{--<!-- Back Button-->--}}
        {{--<div class="back-button">--}}
            {{--<a href="profile.html"><i class="lni-arrow-left"></i>Back</a>--}}
        {{--</div>--}}
        {{--<!-- Page Title-->--}}
        {{--<div class="page-heading">--}}
            {{--<h6 class="mb-0">Edit Profile</h6>--}}
        {{--</div>--}}
        {{--<!-- Navbar Toggler-->--}}
        {{--<div class="suha-navbar-toggler d-flex justify-content-between flex-wrap" id="suhaNavbarToggler">--}}
            {{--<span></span>--}}
            {{--<span></span>--}}
            {{--<span></span>--}}
        {{--</div>--}}
    {{--</div>--}}
{{--</div>--}}
{{--<!-- Sidenav Black Overlay-->--}}
{{--<div class="sidenav-black-overlay"></div>--}}
{{--<!-- Side Nav Wrapper-->--}}
{{--<div class="suha-sidenav-wrapper" id="sidenavWrapper">--}}
    {{--<!-- Sidenav Profile-->--}}
    {{--<div class="sidenav-profile">--}}
        {{--<div class="user-profile">--}}
            {{--<img src="img/bg-img/9.jpg" alt="" />--}}
        {{--</div>--}}
        {{--<div class="user-info">--}}
            {{--<h6 class="user-name mb-0">Suha Jannat</h6>--}}
            {{--<p class="available-balance">Balance <span>$<span class="counter">478.61</span></span></p>--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<!-- Sidenav Nav-->--}}
    {{--<ul class="sidenav-nav">--}}
        {{--<li><a href="profile.html"><i class="lni-user"></i>My Profile</a></li>--}}
        {{--<li><a href="notifications.html"><i class="lni-alarm lni-tada-effect"></i>Notifications<span class="ml-3 badge badge-warning">3</span></a></li>--}}
        {{--<li><a href="pages.html"><i class="lni-empty-file"></i>All Pages</a></li>--}}
        {{--<li><a href="wishlist-grid.html"><i class="lni-heart-filled"></i>My Wishlist</a></li>--}}
        {{--<li><a href="settings.html"><i class="lni-cog"></i>Settings</a></li>--}}
        {{--<li><a href="intro.html"><i class="lni-power-switch"></i>Sign Out</a></li>--}}
    {{--</ul>--}}
    {{--<!-- Go Back Button-->--}}
    {{--<div class="go-home-btn" id="goHomeBtn">--}}
        {{--<i class="lni-arrow-left"></i>--}}
    {{--</div>--}}
{{--</div>--}}
<div class="page-content-wrapper">
    <div class="container">
        <!-- Profile Wrapper-->
        <div class="profile-wrapper-area py-3">
            <!-- User Information-->
            <div class="card user-info-card">
                <div class="card-body p-4 d-flex align-items-center">
                    <div class="user-profile mr-3">
                        <img src="/img/face_wlcat.png" alt="" />
                        {{--<div class="change-user-thumb">--}}
                            {{--<form>--}}
                                {{--<input class="form-control-file" type="file" />--}}
                                {{--<button><i class="lni-pencil"></i></button>--}}
                            {{--</form>--}}
                        {{--</div>--}}
                    </div>
                    <div class="user-info">
                        <p class="mb-0 text-white">welcome </p>
                        <h5 class="mb-0">健身猫</h5>
                    </div>
                </div>
            </div>
            <!-- User Meta Data-->
            <div class="card user-data-card">
                <div class="card-body">
                    <form action="{{ url('login')  }}" method="post" onsubmit="return checkForm();">
                        @csrf
                        <div class="form-group">
                            <div class="title mb-2">
                                <i class="lni-user"></i>
                                <span>手机号码 (必填)</span>
                            </div>
                            <input class="form-control" type="text" value="{{ $data['phone'] ?? ''  }}" placeholder="请填写手机号" name="phone"/>
                        </div>
                        <div class="form-group">
                            <div class="title mb-2">
                                <i class="lni-user"></i>
                                <span>名字 (选填)</span>
                            </div>
                            <input class="form-control" type="text" value="{{ $data['name'] ?? ''  }}" placeholder="请填写名字" name="name"/>
                        </div>
                        <button class="btn btn-success w-100" type="submit">确认</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Footer Nav-->
{{--<div class="footer-nav-area" id="footerNav">--}}
    {{--<div class="suha-footer-nav h-100">--}}
        {{--<ul class="h-100 d-flex align-items-center justify-content-between">--}}
            {{--<li class="active"><a href="home.html"><img src="img/core-img/home.png" alt="Home" />Home</a></li>--}}
            {{--<li><a href="message.html"><img src="img/core-img/chat.png" alt="Message" />Message</a></li>--}}
            {{--<li><a href="cart.html"><img src="img/core-img/cart.png" alt="Cart" />Cart</a></li>--}}
            {{--<li><a href="pages.html"><img src="img/core-img/heart.png" alt="Pages" />Pages</a></li>--}}
            {{--<li><a href="settings.html"><img src="img/core-img/setting.png" alt="Settings" />Settings</a></li>--}}
        {{--</ul>--}}
    {{--</div>--}}
{{--</div>--}}
<!-- All JavaScript Files-->
<script src="/js/jquery.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap4.4.min.js"></script>
<script src="/js/waypoint1.6.min.js"></script>
<script src="/js/jquery.easing.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/imagesloaded.pkgd.min.js"></script>
<script src="/js/isotope.pkgd.min.js"></script>
<script src="/js/jquery.magnific-popup.min.js"></script>
<script src="/js/jquery.animatedheadline.min.js"></script>
<script src="/js/jquery.counterup.min.js"></script>
<script src="/js/wow.min.js"></script>
<script src="/js/jarallax.min.js"></script>
<script src="/js/jarallax-video.min.js"></script>
<script src="/js/jquery.passwordstrength.js"></script>
<script src="/js/bmr/active.js"></script>
</body>
</html>
<script>
    function checkForm() {
        if (!/^1([38]\d|5[0-35-9]|7[3678])\d{8}$/.test($('input[name=phone]').val()))
        {
            alert('手机号不正确');
            return false;
        }
    }
</script>